<template>
  <span
          :class="[icon]"
          :style="{width:size,height:size}"
          class="i-icon mdi"
  ></span>
</template>

<script lang="ts" setup>

defineProps({
    icon: [String],
    size: {
        type: String,
        default: "18px",
    },
});

</script>

<style scoped>
.mdi {
    display: contents;

    &:before {
        font-size: v-bind(size);
    }
}
</style>
